<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /**
            自动类型的转换（了解）：根据上下文环境的改变而转换
         parseInt() : 将其他的类型转换为number类型整数
         注意：
         1. string ---》 number
         字符串中的值首字符必须是数字，转换后才能得到具体值，否则得到NaN
         2. 只转换从首字符开始的连续数字
         3. 除了字符串的其他类型转换后都得到NaN
         parseFloat() : 将其他类型转换为number类型小数
         注意：
         1. string ---》 number
         字符串中的值首字符必须是数字，转换后才能得到具体值，否则得到NaN
         2.  只转换从首字符开始的连续数字
         3. 除了字符串的其他类型转换后都得到NaN
         4. 如果小数后面的值是有效值，转换后就保留，否则就删除

         类型转换的分类：

         强制类型的转换（重点）：

         parseInt()
         parseFloat()
         Number()
         Boolean()
         String()
         自动类型的转换（了解）：根据上下文环境的改变而转换

         Number() ：将其他的类型转换为number类型
         注意:
         1. string ---》 number
         只能是纯数字的字符串得到具体的值，其他都得到NaN
         2. boolean ---》 number
         true : 1
         false : 0
         3. undefined : NaN   null : 0
         Boolean() : 将其他类型转换为boolean
         注意： 除了0 "" '' undefined  NaN null 得到fasle ， 其他的都是true

         */
        // parseInt()
        var a = "250";
        a = parseInt(a);
        console.log(a,typeof a);//250

        var a = 'sb50';
        a = parseInt(a);
        console.log(a,typeof a);//NaN

        var a = '25a0b';
        a = parseInt(a);
        console.log(a,typeof a);//25

        var a = true;
        a = parseInt(a);
        console.log(a,typeof a);//NaN

        var a = undefined;
        a = parseInt(a);
        console.log(a,typeof a);//NaN

        // parseFloat()
        var b = "25.1233";
        b = parseFloat(b);
        console.log(b,typeof b);//25.123

        var b = "25.00";
        b = parseFloat(b);
        console.log(b,typeof b);//25

        var b = "25.100";
        b = parseFloat(b);
        console.log(b,typeof b);//25.1必须转换成有效位小数

        // Number
        var c = "123";
        c = Number(c);
        console.log(c,typeof c);//123

        var c = "123px";
        c = Number(c);
        console.log(c,typeof c);//NaN
    </script>
</head>
<body>

</body>
</html>